@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
*:focus{outline:none;}
/* Use this with templates/template-twocol.html */
body,.body-fauxcolumn-outer{background:#EBEBEB;margin:0;padding:0;color:#333333;font:x-small Georgia Serif;font-size:
small;font-size:small;text-align:center}
a {-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
a:link{max-width:100%;color:#048F14;text-decoration:none;}
a:visited{color:#999999;text-decoration:none}
a:hover{color:#0A0A0A;text-decoration:underline}
a img{border-width:0}
/*Scrollbar*/
::-webkit-scrollbar {width: 20px;cursor:pointer;padding-right:10px; margin:10px;}
::-webkit-scrollbar-track {background: #ABABAB;cursor:pointer;border:10px solid #ABABAB;}
::-webkit-scrollbar-thumb {background-color: #EBEBEB;/*-webkit-box-shadow:  0px 0px 15px 2px rgba(0, 0, 0, 0.3);box-shadow:  0px 0px 15px 2px rgba(0, 0, 0, 0.3);*/cursor:pointer;}
::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-thumb:active {background-color: #fff; }
::-webkit-scrollbar:hover, ::-webkit-scrollbar:active {width: 25px;}
::-webkit-scrollbar-button {background:#ABABAB;;}
::-webkit-scrollbar-button:hover, ::-webkit-scrollbar-button:active{background:#fff;}
::-webkit-scrollbar-corner  {background: #ccc;}
/*Selection*/
*::selection{background:#048F14;color:#fff;text-shadow:none;}
*::-moz-selection{background:#048F14;color:#fff;text-shadow:none;}
/*Semuanya*/
#outer-wrapper{width:900px; margin: 0 auto;}
#nav{font-weight:bold;background-color:#333;height:40px;/*-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;*/margin:0 -4px; z-index: z-index:999999999999999999999999999999999999999999999999;}
ul#konversi{height:30px;margin:5px 0 5px 5px;padding:0;float:left}
ul#konversi li{list-style:none;display:inline-block;zoom:1;float:left;margin:0;padding:0;position:relative;z-index:9999999999999; text-decoration:blink;}
ul#konversi li a{display:block;line-height:30px;text-decoration:none;color:white;padding:0 15px;z-index:9999999999999;}
ul#konversi li.dgnsub > a{padding-right:20px;z-index:9999999999999;}
ul#konversi li.dgnsub > a::after{content:"";width:0;height:0;border-width:5px 3px;border-style:solid;border-color:white transparent transparent transparent;position:absolute;top:12px;right:7px;z-index:9999999999999;}
ul#konversi li:hover > a,ul#navinti li a.aktif{background-color:#630;z-index:9999999999999;}
ul#konversi ul.sub-menu{position:absolute;z-index:5;padding:0;margin:0;box-shadow:0 0 10px rgba(0,0,0,.35);-moz-box-shadow:0 0 10px rgba(0,0,0,.35);-webkit-box-shadow:0 0 10px rgba(0,0,0,.35);width:180px;background-color:white;font-weight:normal;display:none;z-index:9999999999999;}
ul#konversi ul.sub-menus{position:absolute;padding:0;margin:0;box-shadow:0 0 10px rgba(0,0,0,.35);-moz-box-shadow:0 0 10px rgba(0,0,0,.35);-webkit-box-shadow:0 0 10px rgba(0,0,0,.35);width:300px;background-color:#333;font-weight:normal;display:none;z-index:9999999999999;margin-left:-200%; border-bottom: 4px solid #048F14}
ul#konversi ul.sub-menu:last-child {border-bottom: 4px solid #048F14;}
ul#konversi li:hover  ul.sub-menu.hidden{display:block}
ul#konversi ul li{float:none;display:block;z-index:9999999999999;}
ul#konversi ul a{color:black;padding:0 10px;z-index:9999999999999;}
ul#konversi ul a:hover{background-color:transparent;border-left:4px solid #333;z-index:9999999999999;}
ul#edit{height:30px;margin:5px 0 5px 5px;padding:0;float:left}
ul#edit li{list-style:none;display:inline-block;zoom:1;float:left;margin:0;padding:0;position:relative;z-index:9999999999999;}
ul#edit li a{display:block;line-height:30px;text-decoration:none;color:white;padding:0 15px;z-index:9999999999999;}
ul#edit li.dgnsub > a{padding-right:20px;z-index:9999999999999;}
ul#edit li.dgnsub > a::after{content:"";width:0;height:0;border-width:5px 3px;border-style:solid;border-color:white transparent transparent transparent;position:absolute;top:12px;right:7px;z-index:9999999999999;}
ul#edit li:hover > a,ul#edit li a.aktif{background-color:#048F14;z-index:9999999999999;}
ul#edit ul.sub-menu{position:absolute;z-index:5;padding:0;margin:0;box-shadow:0 0 10px rgba(0,0,0,.35);-moz-box-shadow:0 0 10px rgba(0,0,0,.35);-webkit-box-shadow:0 0 10px rgba(0,0,0,.35);width:180px;background-color:white;font-weight:normal;display:none;z-index:9999999999999;}
ul#edit ul.sub-menus{position:absolute;padding:0;margin:0;box-shadow:0 0 10px rgba(0,0,0,.35);-moz-box-shadow:0 0 10px rgba(0,0,0,.35);-webkit-box-shadow:0 0 10px rgba(0,0,0,.35);width:300px;background-color:#333;font-weight:normal;display:none;z-index:9999999999999;margin-left:-200%; border-bottom: 4px solid #048F14}
ul#edit ul.sub-menu:last-child {border-bottom: 4px solid #048F14;}
ul#edit li:hover  ul.sub-menu.hidden{display:block}
ul#edit ul li{float:none;display:block;z-index:9999999999999;}
ul#edit ul a{color:black;padding:0 10px;z-index:9999999999999;}
ul#edit ul a:hover{background-color:transparent;border-left:4px solid #333;z-index:9999999999999;}
#main-wrapper{height:auto; padding:20px; text-align:left; width: 700px; margin: 0 auto;}
#header-wrapper{margin:0 auto 0;padding:10px;height:110px; background:whitesmoke; z-index:999999999999999999999999999999999999999999999999;}
#headnya{float:left;min-width:300px}
#header{color:#1F1F1F;margin:0}
#header h1,#header h2{margin:0;padding:15px 10px 0;line-height:1.2em;text-transform:uppercase;font-size:260%;font-family:"Bitter",arial,sans-serif}
#header a{color:#1F1F1F;text-decoration:none}
#header a:hover{color:#048F14}
#header .description{margin:0;padding:0 10px 15px;text-transform:capitalize;letter-spacing:.2em;line-height:1.4em;color:#292929;font:normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif }
#header img{margin-left:auto;margin-right:auto}
#artikel{padding-top:150px}
#fixednya{position:fixed; top:0px; width:900px;}
#komentar{background: whitesmoke;}
/*Hack komentar*/
#comment-holder .cm-youtube {border:none !important;background-color:#333;width:370px;height:218px;margin:0 auto 30px;}
#comment-holder .cm-image {margin:0 auto 15px;outline:none;border:1px solid #ccc;background-color:white; -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.2);-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.2);box-shadow:0px 1px 3px rgba(0,0,0,0.2);padding:5px;max-width:96%;height:auto;width:auto\9;}
#batang-tubuh code,
#batang-tubuh i[rel="code"] {font:normal 12px Monaco,"Courier New",Monospace;color:blue;}
#batang-tubuh pre,
#batang-tubuh i[rel="pre"] {display:block;font:normal 12px/22px Monaco,Monospace !important;color:#CFDBEC;background-color:#2f2f2f;background-image:-webkit-repeating-linear-gradient(top, #444 0px, #444 22px, #2f2f2f 22px, #2f2f2f 44px);background-image:-moz-repeating-linear-gradient(top, #444 0px, #444 22px, #2f2f2f 22px, #2f2f2f 44px);background-image:-ms-repeating-linear-gradient(top, #444 0px, #444 22px, #2f2f2f 22px, #2f2f2f 44px);background-image:-o-repeating-linear-gradient(top, #444 0px, #444 22px, #2f2f2f 22px, #2f2f2f 44px);background-image:repeating-linear-gradient(top, #444 0px, #444 22px, #2f2f2f 22px, #2f2f2f 44px);padding:0em 1em;overflow:auto;width:100%;height:300px;word-wrap:break-word;}
#batang-tubuh blockquote,#batang-tubuh b[rel="quote"] {line-height:1.4em;position:relative;font-family:Georgia,serif;font-style:italic;padding:0.25em 20px 0.25em 30px;margin:10px 0;}
#batang-tubuh blockquote::before,#batang-tubuh b[rel="quote"]::before{display:block;content:"\201C";font-size:50px;position:absolute;left:0;top:15px}
#batang-tubuh i[rel="image"],#batang-tubuh i[rel="youtube"] {overflow:hidden;border:2px solid black;position:relative; width:170px;height:100px;margin:0 auto 30px;}
#batang-tubuh i[rel="image"]:before,#batang-tubuh i[rel="youtube"]:before {content:"Aktifkan javascript untuk melihat gambar ini"; position:absolute;top:0;right:0;bottom:0;left:0;background-color:red; color:white;font-weight:bold;text-align:center;padding:15px 0;}
#batang-tubuh i[rel="youtube"]:before {content:"Aktifkan javascript untuk melihat video ini";}
#batang-tubuh .catatan,#batang-tubuh b[rel="catatan"] {font-family:Georgia, "Times New Roman", Times, serif;margin:5px 0px;padding:5px 10px;width: 100%;background-color: #070;border:1px solid transparent;color:#fff; display:block;text-indent: 15px;}
#batang-tubuh h1.h3,#batang-tubuh b[rel="h3"] {font-family:Georgia, "Times New Roman", Times, serif;font-style:bold;margin:5px 5px 5px 10px;padding:0 0 0 10px;line-height:1.3em;font-size:220%; display:block; text-align:center}
#batang-tubuh cite.note,#batang-tubuh i[rel="note"] {color:white;font-weight:bold;width:100%;height:auto;padding:5px 10px;background:#ff5353;border:1px solid red; display:block;text-indent: 15px;}